<template>
	<view class="login">
		<view class="login-userimg">
			<image src="../../static/logo.png" mode=""></image>
		</view>
		<view class="login-button">
			<navigator url="./teleLogin/teleLogin"  hover-class="other-navigator-hover">
				<button type="default">点击登录</button>
			</navigator>
		</view>
		
		<!-- 弹出框 -->
		<!-- <page-container position="bottom" round="true" custom-style = 'height: 40%;' :show="show">
		  <view class="detail-page">
		    <button type="primary" @click="exit">推出</button>
		  </view>
		</page-container> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
			};
		},
		methods: {
			fn() {
				this.show=true
				console.log('打开')
			},
			exit(){
				this.show=false
				console.log('关闭')
			}
		}
	}
</script>

<style lang="less" scoped>
	.login {
		.login-userimg {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 400rpx;

			image {
				width: 180rpx;
				height: 180rpx;
				border-radius: 10rpx;
			}
		}

		.login-button {
			button {
				width: 680rpx;
				height: 80rpx;
				font-size: 36rpx;
				padding: 0;
				line-height: 80rpx;
				background: #006fff;
				color: white;
			}
		}
	}
</style>
